

import React from 'react'
import store from '../../store/store'
import { increamentAction, decreamentAction} from '../../store/Action/countAction'

export default function Count() {
  
  const {count}  = store.getState().count
  const {movieList}  = store.getState().movie
  const incrementHandle=()=>{
    store.dispatch(increamentAction(1))
  }
  const decreamentHandle=()=>{
    store.dispatch(decreamentAction(1))
  }
  const ifOddDecrementHandle=()=>{
    if(count%2!==0){
      store.dispatch(increamentAction(1))
    }
  }
  const waitDecrementHandle=()=>{
    setTimeout(()=>{
      store.dispatch(increamentAction(1))
    },2000)
  }

  return (
    <div>
      <h1>我是Count组件 我的值是{count}</h1>
      <h2>当前的电影总是数 {movieList.length}</h2>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>
    </div>
  )
}
